<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Xiao Mi</title>
	<link rel="stylesheet" href="./css/main.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="./js/index.js"></script>
</head>
<body>
	<!-- 顶部链接及导航条 -->
	<div class="top">
		<div class="top_menu">
			<div class="top_menu_left">
				<a href="javascript:void(0);">小米网1</a><span>|</span>
				<a href="javascript:void(0);">MIUI</a><span>|</span>
				<a href="javascript:void(0);">米聊</a><span>|</span>
				<a href="javascript:void(0);">游戏</a><span>|</span>
				<a href="javascript:void(0);">多看阅读</a><span>|</span>
				<a href="javascript:void(0);">云服务</a><span>|</span>
				<a href="javascript:void(0);">小米移动版</a><span>|</span>
				<a href="javascript:void(0);">问题反馈</a><span>|</span>
				<a href="javascript:void(0);">Select again</a>
			</div>
			<div class="top_menu_right">
			    	<a href="javascript:void(0);">注册</a>
					<span>|</span>
					<a href="javascript:void(0);">登录</a>
			    <div class="cart" id="cart" >
			    	<div class="cart_mini" id="cart_mini">
						<a href="#">
							<i class="iconfont">&#xe60c;</i>购物车（0）
						</a>
						<div class="cart_list" id="cart_list">	 
							您的购物车还没有商品
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>
	<!-- 头部 搜索块 -->
	<div class="header" id="header">
		<div class="header_box">
			<div class="logo">
				<img src="./images/logo.png">
			</div>
			<img src="./images/send.gif" class="send">
			<div class="header_nav" id="header_nav">
				<a href="javascript:void(0)">小米手机</a>
				<a href="javascript:void(0)">红米</a>
				<a href="javascript:void(0)">平板</a>
				<a href="javascript:void(0)">电视</a>
				<a href="javascript:void(0)">盒子影音</a>
				<a href="javascript:void(0)">路由器</a>
				<a href="javascript:void(0)">只能硬件</a>
				<a href="javascript:void(0)">服务</a>
				<a href="javascript:void(0)">社区</a>
			</div>
			<div class="search">
				<input type="text" class="search_text" id="search_text">
				<a href="#"><input type="button" class="search-btn iconfont" value="&#xe616;"></a>
				<div class="rect_one">
					<a href="#">小米手机4</a>
					<a href="#">平衡车</a>
				</div>
			</div>
			  
		</div>
	</div>

	<!-- 隐藏的块 -->
	<div class="drop" id="drop">
		<div class="drop_box">
			<ul class="drop_menu">
				<li class="drop_list">
					<div class="drimg">
						<img src="./images/hiddenimg1.jpg">
					</div>
					<a href="#">小米Max</a>
					<p>1666元起</p>
				</li>
				<li class="drop_list">
					<div class="drimg">
						<img src="./images/hiddenimg2.jpg">
					</div>
					<a href="#">小米Max</a>
					<p>1666元起</p>
				</li>
				<li class="drop_list">
					<div class="drimg">
						<img src="./images/hiddenimg3.jpg">
					</div>
					<a href="#">小米Max</a>
					<p>1666元起</p>
				</li>
				<li class="drop_list">
					<div class="drimg">
						<img src="./images/hiddenimg4.jpg">
					</div>
					<a href="#">小米Max</a>
					<p>1666元起</p>
				</li>
				<li class="drop_list">
					<div class="drimg">
						<img src="./images/hiddenimg5.jpg">
					</div>
					<a href="#">小米Max</a>
					<p>1666元起</p>
				</li>
				<li class="drop_list">
					<div class="drimg_last">
						<img src="./images/hiddenimg6.jpg">
					</div>
					<a href="#">小米Max</a>
					<p>1666元起</p>
				</li>
			</ul> 
		</div>
	</div>

	<!-- 内容 Content -->
	<div class="content">
		<!-- banner 部分 -->
		<div class="content_box">
			<ul class="banner">
				<li class="banner_pic"><img src="./images/banner2.jpg"></li>
				<li class="banner_pic"><img src="./images/banner3.jpg"></li>
				<li class="banner_pic"><img src="./images/banner4.jpg"></li>
				<li class="banner_pic"><img src="./images/banner5.jpg"></li>
				<li class="banner_pic"><img src="./images/banner.jpg"></li>
			</ul>
			<div class="menu_left">
				<ul class="menu_nav">
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡1</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox1">
							<ul class="hiddenul1">
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
							</ul>
							<ul class="hiddenul1">
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
							</ul>
							<ul class="hiddenul1">
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
								<li class="hiddenli1">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi1">箱包</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡2</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox2">
							<ul class="hiddenul2">
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
							</ul>
							<ul class="hiddenul2">
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
							</ul>
							<ul class="hiddenul2">
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
								<li class="hiddenli2">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi2">箱包2</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡3</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox3">
							<ul class="hiddenul3">
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
							</ul>
							<ul class="hiddenul3">
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
							</ul>
							<ul class="hiddenul3">
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
								<li class="hiddenli3">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi3">箱包3</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡4</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox4">
							<ul class="hiddenul4">
								<li class="hiddenli4">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi4">箱包4</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡5</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox5">
							<ul class="hiddenul5">
								<li class="hiddenli5">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi5">箱包5</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡6</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox6">
							<ul class="hiddenul6">
								<li class="hiddenli6">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi6">箱包6</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡7</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox7">
							<ul class="hiddenul7">
								<li class="hiddenli7">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi7">箱包7</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡8</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox8">
							<ul class="hiddenul8">
								<li class="hiddenli8">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi8">箱包8</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡9</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox9">
							<ul class="hiddenul9">
								<li class="hiddenli9">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi9">箱包9</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menu_cate">
						<a href="#">手机 平板 电话卡10</a><i class="iconfont" >&#xe623;</i>
						<div class="hiddenbox10">
							<ul class="hiddenul10">
								<li class="hiddenli10">
									<a href="#">
										<img src="./images/small1.jpg">
										<span class="hiddenwenzi10">箱包10</span>
									</a>
								</li>
							</ul>
						</div>
					</li>

				</ul>	
			</div>
			<a href="#"class="ico_pre"></a>
			<a href="#" class="ico_next"></a>
			<ul class="click_button">
					<li class="button_list"></li>
					<li class="button_list"></li>
					<li class="button_list"></li>
					<li class="button_list"></li>
					<li class="button_list"></li>
			</ul>
		</div>
		<!-- 广告部分 -->
		<div class="cont_advertise">
			<div class="server">
				<ul class="ser_nav">
					<li class="ser_menu"><a href="#"><i class="iconfont">&#xe640;</i><span class="ser_dg_one">电信专场</span></a></li>
					<li class="ser_menu"><a href="#"><i class="iconfont">&#xe63e;</i><span class="ser_dg_one">企业团购</span></a></li>
					<li class="ser_menu"><a href="#"><i class="iconfont">&#xe63b;</i><span class="ser_dg_one">官翻新品</span></a></li>
					<li class="ser_menu"><a href="#"><i class="iconfont">&#xe63b;</i><span class="ser_dg_one">小米移动</span></a></li>
					<li class="ser_menu"><a href="#"><i class="iconfont">&#xe900;</i><span class="ser_dg_one">以旧换新</span></a></li>
					<li class="ser_menu"><a href="#"><i class="iconfont">&#xe640;</i><span class="ser_dg_one">话费充值</span></a></li>
				</ul>
			</div>
			<div class="hot">
				<a href="#"><img src="./images/phone_one.jpg"></a>
				<a href="#"><img src="./images/phone_two.jpg"></a>
				<a href="#"><img src="./images/phone_three.jpg"></a>
			</div>
		</div>
		<!-- 小米明星当品 条 -->
		<div class="sm_start">
			<div class="sm_title">小米明星当品</div>
			<div class="sm_more">
				<a  class="button" id="pre" ><i class="iconfont">&#xe628;</i></a>
				<a href="javascript:void(0)"   class="button click" id="next"><i class="iconfont" >&#xe623;</i></a>
			</div>
		</div>
		<div class="sm_product">
			<div class="sm_father" id="sm_father">
				<div class="pro_menu">
					<a href="#"><img src="./images/product.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product2.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product3.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product4.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product5.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
				<div class="pro_menu">
					<a href="#"><img src="./images/product.jpg"></a>
					<a href="#"><h4>小米电视全系列</h4></a>
					<p class="msg">买就送爱奇艺会员卡</p>
					<p class="price">1799元起</p>
				</div>
			</div>
		</div>
	</div>
	<div class="about_prod">
			<div class="prod_box">
				<!-- 只能硬件 ware是硬件的意思 -->
				<div class="sl_ware">
					<div class="sl_top">
						<div class="sl_title">智能硬件</div>
						<div class="sl_more">
							<a href="#" class="view">查看更多<i class="iconfont">&#xe623;</i></a>
						</div>
					</div>
					<!-- 智能硬件产品图片等信息 -->
					<div class="sl_product">
						<div class="imgs imghover">
							<a href="#">
								<img src="./images/solid_ware1.jpg">
							</a>
						</div>
						<ul class="prod_menu">
							<li class="prod_list imghover">
								<div class="new_prod">新品</div>
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#">
									<p>小米净水器 厨下式</p>
									<p class="ab_msg">智能警戒，为您的家增添一份安心</p>
									<p class="ab_price">169元 188元</p>
								</a>
							</li>
							<li class="prod_list imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#">
									<p>小米净水器 厨下式</p>
									<p class="ab_msg">智能警戒，为您的家增添一份安心</p>
									<p class="ab_price">169元 188元</p>
								</a>
							</li>
							<li class="prod_list imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#">
									<p>小米净水器 厨下式</p>
									<p class="ab_msg">智能警戒，为您的家增添一份安心</p>
									<p class="ab_price">169元 188元</p>
								</a>
							</li>
							<li class="prod_list imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#">
									<p>小米净水器 厨下式</p>
									<p class="ab_msg">智能警戒，为您的家增添一份安心</p>
									<p class="ab_price">169元 188元</p>
								</a>
							</li>
							<li class="prod_list imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#">
									<p>小米净水器 厨下式</p>
									<p class="ab_msg">智能警戒，为您的家增添一份安心</p>
									<p class="ab_price">169元 188元</p>
								</a>
							</li>
							<li class="prod_list imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#">
									<p>小米净水器 厨下式</p>
									<p class="ab_msg">智能警戒，为您的家增添一份安心</p>
									<p class="ab_price">169元 188元</p>
								</a>
							</li>
							<li class="prod_list imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#">
									<p>小米净水器 厨下式</p>
									<p class="ab_msg">智能警戒，为您的家增添一份安心</p>
									<p class="ab_price">169元 188元</p>
								</a>
							</li>
							<li class="prod_list imghover">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#">
									<p>小米净水器 厨下式</p>
									<p class="ab_msg">智能警戒，为您的家增添一份安心</p>
									<p class="ab_price">169元 188元</p>
								</a>
							</li>
						</ul>
					</div>
					<!-- 智能硬件产品图片等信息 -->
				</div>

				<!-- 搭配 with 搭配的意思 -->
				<div class="with_prd ">
					<div class="with_top">
						<div class="with_title">搭配</div>
						<div class="with_more">
							<a href="#">热门</a>
							<a href="#">耳机音箱</a>
							<a href="#">电源</a>
							<a href="">电池存储卡</a>
						</div>
					</div>
					<!-- 搭配产品图片 等相关信息 -->
					<div class="with_product">
						<!-- 左侧2张图片开始 -->
						<div class="with_left">
							<div class="with_img_one imghover">
								<a href="#" class="img_hf"><img src="./images/two_img1.jpg"></a>
							</div>
							<div class="with_img_one imghover">
								<a href="#" class="img_hf"><img src="./images/two_img2.jpg"></a>
							</div>
						</div>
						<!-- 左侧两张图片结束 -->
						<ul class="with_right">
							<li class="rigt_pdlist imghover popinfo">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
								<div class="hidden_box">
									<a href="#">小米移动电源,10400我也买了,比这款大比这款重s</a>
									<span>来自于 笑致天下 的评价</span>
								</div>
							</li>
							<li class="rigt_pdlist imghover popinfo">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
								<div class="hidden_box">
									<a href="#">小米移动电源,10400我也买了,比这款大比这款重s</a>
									<span>来自于 笑致天下 的评价</span>
								</div>
							</li>
							<li class="rigt_pdlist imghover popinfo">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
								<div class="hidden_box">
									<a href="#">小米移动电源,10400我也买了,比这款大比这款重s</a>
									<span>来自于 笑致天下 的评价</span>
								</div>
							</li>
							<li class="rigt_pdlist imghover popinfo">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
								<div class="hidden_box">
									<a href="#">小米移动电源,10400我也买了,比这款大比这款重s</a>
									<span>来自于 笑致天下 的评价</span>
								</div>
							</li>
							<li class="rigt_pdlist imghover popinfo">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
								<div class="hidden_box">
									<a href="#">小米移动电源,10400我也买了,比这款大比这款重s</a>
									<span>来自于 笑致天下 的评价</span>
								</div>
							</li>
							<li class="rigt_pdlist imghover popinfo">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
								<div class="hidden_box">
									<a href="#">小米移动电源,10400我也买了,比这款大比这款重s</a>
									<span>来自于 笑致天下 的评价</span>
								</div>
							</li>
							<li class="rigt_pdlist imghover popinfo">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
								<div class="hidden_box">
									<a href="#">小米移动电源,10400我也买了,比这款大比这款重s</a>
									<span>来自于 笑致天下 的评价</span>
								</div>
							</li>
							<li class="rigt_pdlist_b">
								<div class="no_rp">
									<div class="rp_top imghover">
									    <div class="fon">
									    	<a href="#" class="name">小米蓝牙音响..</a>
											<p class="rt_price">199元</p>
									    </div>
										<a href="#" class="img_lk">
											<img src="./images/right_pd1.jpg">
										</a>
									</div>
									<div class="rp_footer imghover">
										<div class="rf_fon">
											<a href="#" class="rf_more">浏览更多</a>
											<p class="rf_hot">热门</p>
										</div>
										<a href="#" class="rf_go">
											<i class="iconfont">&#xe615;</i>
										</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<!-- 搭配产品图片 等相关信息结束 -->
				</div>



				<!-- ********配件 开始*****-->
				<div class="with_prd_two">
					<div class="with_top">
						<div class="with_title">配件</div>
						<div class="with_more">
							<a href="#" class="duopeijian">热门</a>
							<a href="#" class="duopeijian">保护盖</a>
							<a href="#" class="duopeijian">后盖</a>
							<a href="#" class="duopeijian">贴膜</a>
							<a href="#" class="duopeijian">其他配件</a>
						</div>
					</div>
					<!-- 产品图片 等相关信息 -->
					<div class="with_product">
						<!-- 左侧2张图片开始 -->
						<div class="with_left dd">
							<div class="with_img_one imghover">
								<a href="#" class="img_hf"><img src="./images/two_img1.jpg"></a>
							</div>
							<div class="with_img_one imghover">
								<a href="#" class="img_hf"><img src="./images/two_img2.jpg"></a>
							</div>
						</div>
						<!-- 左侧两张图片结束 -->
						<ul class="with_right ab">
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist_b">
								<div class="no_rp">
									<div class="rp_top imghover">
									    <div class="fon">
									    	<a href="#" class="name">小米蓝牙音响..</a>
											<p class="rt_price">199元</p>
									    </div>
										<a href="#" class="img_lk">
											<img src="./images/right_pd1.jpg">
										</a>
									</div>
									<div class="rp_footer imghover">
										<div class="rf_fon">
											<a href="#" class="rf_more">浏览更多</a>
											<p class="rf_hot">热门</p>
										</div>
										<a href="#" class="rf_go">
											<i class="iconfont">&#xe615;</i>
										</a>
									</div>
								</div>
							</li>
						</ul>
						<ul class="with_right ab">
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#"><p>小米净水器 222</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 2222</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 222</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 222</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 222</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist_b">
								<div class="no_rp">
									<div class="rp_top imghover">
									    <div class="fon">
									    	<a href="#" class="name">小米蓝牙音响..</a>
											<p class="rt_price">199元</p>
									    </div>
										<a href="#" class="img_lk">
											<img src="./images/right_pd1.jpg">
										</a>
									</div>
									<div class="rp_footer imghover">
										<div class="rf_fon">
											<a href="#" class="rf_more">浏览更多</a>
											<p class="rf_hot">热门</p>
										</div>
										<a href="#" class="rf_go">
											<i class="iconfont">&#xe615;</i>
										</a>
									</div>
								</div>
							</li>
						</ul>
						<ul class="with_right ab">
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#"><p>小米净水器 3333</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 3333</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 3333</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 3333</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 3333</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist_b">
								<div class="no_rp">
									<div class="rp_top imghover">
									    <div class="fon">
									    	<a href="#" class="name">小米蓝牙音响..</a>
											<p class="rt_price">199元</p>
									    </div>
										<a href="#" class="img_lk">
											<img src="./images/right_pd1.jpg">
										</a>
									</div>
									<div class="rp_footer imghover">
										<div class="rf_fon">
											<a href="#" class="rf_more">浏览更多</a>
											<p class="rf_hot">热门</p>
										</div>
										<a href="#" class="rf_go">
											<i class="iconfont">&#xe615;</i>
										</a>
									</div>
								</div>
							</li>
						</ul>
						<ul class="with_right ab">
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#"><p>小米净水器 4444</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 4444</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 4444</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 4444</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 4444</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 4444</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist_b">
								<div class="no_rp">
									<div class="rp_top imghover">
									    <div class="fon">
									    	<a href="#" class="name">小米蓝牙音响..</a>
											<p class="rt_price">199元</p>
									    </div>
										<a href="#" class="img_lk">
											<img src="./images/right_pd1.jpg">
										</a>
									</div>
									<div class="rp_footer imghover">
										<div class="rf_fon">
											<a href="#" class="rf_more">浏览更多</a>
											<p class="rf_hot">热门</p>
										</div>
										<a href="#" class="rf_go">
											<i class="iconfont">&#xe615;</i>
										</a>
									</div>
								</div>
							</li>
						</ul>
						<ul class="with_right ab">
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#"><p>小米净水器 5555</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 555</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 555</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 555</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 555</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 555</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist_b">
								<div class="no_rp">
									<div class="rp_top imghover">
									    <div class="fon">
									    	<a href="#" class="name">小米蓝牙音响..</a>
											<p class="rt_price">199元</p>
									    </div>
										<a href="#" class="img_lk">
											<img src="./images/right_pd1.jpg">
										</a>
									</div>
									<div class="rp_footer imghover">
										<div class="rf_fon">
											<a href="#" class="rf_more">浏览更多</a>
											<p class="rf_hot">热门</p>
										</div>
										<a href="#" class="rf_go">
											<i class="iconfont">&#xe615;</i>
										</a>
									</div>
								</div>
							</li>
						</ul>
						<ul class="with_right ab">
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist_b">
								<div class="no_rp">
									<div class="rp_top imghover">
									    <div class="fon">
									    	<a href="#" class="name">小米蓝牙音响..</a>
											<p class="rt_price">199元</p>
									    </div>
										<a href="#" class="img_lk">
											<img src="./images/right_pd1.jpg">
										</a>
									</div>
									<div class="rp_footer imghover">
										<div class="rf_fon">
											<a href="#" class="rf_more">浏览更多</a>
											<p class="rf_hot">热门</p>
										</div>
										<a href="#" class="rf_go">
											<i class="iconfont">&#xe615;</i>
										</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					
				</div>
				<!-- ********配件*****-->



				<!-- ********周边 开始*****-->
				<div class="with_prd_three">
					<div class="with_top">
						<div class="with_title">周边</div>
						<div class="with_more">
							<a href="#">热门</a>
							<a href="#">服装</a>
							<a href="#">米兔</a>
							<a href="#">生活周边</a>
							<a href="#">箱包</a>
						</div>
					</div>
					<!-- 产品图片 等相关信息 -->
					<div class="with_product">
						<!-- 左侧2张图片开始 -->
						<div class="with_left">
							<div class="with_img_one imghover">
								<a href="#" class="img_hf"><img src="./images/two_img1.jpg"></a>
							</div>
							<div class="with_img_one imghover">
								<a href="#" class="img_hf"><img src="./images/two_img2.jpg"></a>
							</div>
						</div>
						<!-- 左侧两张图片结束 -->
						<ul class="with_right">
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw1.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw4.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw3.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist imghover">
								<a href="#"><img src="./images/sw2.jpg"></a>
								<a href="#"><p>小米净水器 厨下式</p></a>
								<p class="with_price">99元</p>
								<p class="with_msg">3669人评价</p>
							</li>
							<li class="rigt_pdlist_b">
								<div class="no_rp">
									<div class="rp_top imghover">
									    <div class="fon">
									    	<a href="#" class="name">小米蓝牙音响..</a>
											<p class="rt_price">199元</p>
									    </div>
										<a href="#" class="img_lk">
											<img src="./images/right_pd1.jpg">
										</a>
									</div>
									<div class="rp_footer imghover">
										<div class="rf_fon">
											<a href="#" class="rf_more">浏览更多</a>
											<p class="rf_hot">热门</p>
										</div>
										<a href="#" class="rf_go">
											<i class="iconfont">&#xe615;</i>
										</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<!-- 产品图片 等相关信息结束 -->
				</div>
				<!-- ********周边结束*****-->

				<!-- ********为你推荐开始*****-->
				<div class="recommand">
					<div class="rd_top">
						<div class="rt_title">为你推荐</div>
						<div class="rt_more">
							<a  class="moreclick"><i class="iconfont" >&#xe628;</i></a>
							<a href="javascript:void(0)" class="moreclick firstclick"><i class="iconfont" >&#xe623;</i></a>
						</div>
					</div>
					<div class="rd_pd">
						<ul class="rd_menu">
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/recommand1.jpg">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/recommand2.jpg">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/recommand3.jpg">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/recommand4.jpg">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/recommand5.jpg">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/n1.jpg">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/n2.jpg">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/n3.jpg">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/n4.png">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
							<li class="rd_list recommadhover">
								<a href="#" class="rd_img">
									<img src="./images/n5.png">
								</a>
								<a href="#" class="rd_name">小米2移动电源</a>
								<p class="rd_price">79元</p>
								<p class="rd_comment">10.09万人好评</p>
							</li>
						</ul>
					</div>
				</div>
				<!-- ********为你推荐结束*****-->

				<!-- ********热评开始*****-->
				<div class="hot_comment">
					<div class="hc_top">
						<div class="hc_title">热评产品</div>
					</div>
					<div class="hc_pd">
						<ul class="hc_menu">
							<li class="hc_list imghover">
								<a href="#" class="hc_img">
									<img src="./images/hot_recommand1.jpg">
								</a>
								<a href="#" class="hc_detail">
									<p>外观漂亮，比很多市面上的水质检测笔外观上干净简洁许多！水质检测试验自来水286,凉白开277，井水3...</p>
								</a>
								<p class="msg_man">
									来自于 紫道场 的评价
								</p>
								<a href="#" class="hcpd_name">
									小米水质TDS检测笔
								</a>
								<span>|</span>
								<p class="hc_price">49元</p>
							</li>
							<li class="hc_list imghover">
								<a href="#" class="hc_img">
									<img src="./images/hot_recommand2.jpg">
								</a>
								<a href="#" class="hc_detail">
									<p>外观漂亮，比很多市面上的水质检测笔外观上干净简洁许多！水质检测试验自来水286,凉白开277，井水3...</p>
								</a>
								<p class="msg_man">
									来自于 紫道场 的评价
								</p>
								<a href="#" class="hcpd_name">
									小米水质TDS检测笔
								</a>
								<span>|</span>
								<p class="hc_price">49元</p>
							</li>
							<li class="hc_list imghover">
								<a href="#" class="hc_img">
									<img src="./images/hot_recommand3.jpg">
								</a>
								<a href="#" class="hc_detail">
									<p>外观漂亮，比很多市面上的水质检测笔外观上干净简洁许多！水质检测试验自来水286,凉白开277，井水3...</p>
								</a>
								<p class="msg_man">
									来自于 紫道场 的评价
								</p>
								<a href="#" class="hcpd_name">
									小米水质TDS检测笔
								</a>
								<span>|</span>
								<p class="hc_price">49元</p>
							</li>
							<li class="hc_list imghover">
								<a href="#" class="hc_img">
									<img src="./images/hot_recommand4.jpg">
								</a>
								<a href="#" class="hc_detail">
									<p>外观漂亮，比很多市面上的水质检测笔外观上干净简洁许多！水质检测试验自来水286,凉白开277，井水3...</p>
								</a>
								<p class="msg_man">
									来自于 紫道场 的评价
								</p>
								<a href="#" class="hcpd_name">
									小米水质TDS检测笔
								</a>
								<span>|</span>
								<p class="hc_price">49元</p>
							</li>
						</ul>
					</div>
				</div>
				<!-- ********热评结束*****-->

				<!-- ********内容开始*****-->
				<div class="hot_content">
					<div class="hc_top">
						<div class="hc_title">内容</div>
					</div>
					<div class="hc_pd">
						<ul class="hc_menu">
							<li class="hc_list">
								<ul class="ziji_ul">
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic1.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic2.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic3.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic4.jpg">
										</div>
									</li>
								</ul>
								<a href="javascript:void(0)" class="goother goleft"><i class="iconfont" >&#xe628;</i></a>
										<a href="javascript:void(0)" class="goother goright letsgo"><i class="iconfont" >&#xe623;</i></a>
								<div class="click_box2">
									<span class="click_but beclicked"></span>
									<span class="click_but"></span>
									<span class="click_but"></span>
									<span class="click_but"></span>
								</div>
								<span class="dot_but"></span>
							</li>
							<li class="hc_list">
								<ul class="ziji_ul">
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic1.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic2.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic3.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic4.jpg">
										</div>
									</li>
								</ul>
								<a href="javascript:void(0)" class="goother goleft"><i class="iconfont" >&#xe628;</i></a>
										<a href="javascript:void(0)" class="goother goright letsgo"><i class="iconfont" >&#xe623;</i></a>
								<div class="click_box2">
									<span class="click_but beclicked"></span>
									<span class="click_but"></span>
									<span class="click_but"></span>
									<span class="click_but"></span>
								</div>
								<span class="dot_but"></span>
							</li>
							<li class="hc_list">
								<ul class="ziji_ul">
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic1.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic2.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic3.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic4.jpg">
										</div>
									</li>
								</ul>
								<a href="javascript:void(0)" class="goother goleft"><i class="iconfont" >&#xe628;</i></a>
										<a href="javascript:void(0)" class="goother goright letsgo"><i class="iconfont" >&#xe623;</i></a>
								<div class="click_box2">
									<span class="click_but beclicked"></span>
									<span class="click_but"></span>
									<span class="click_but"></span>
									<span class="click_but"></span>
								</div>
								<span class="dot_but"></span>
							</li>
							<li class="hc_list">
								<ul class="ziji_ul">
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic1.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic2.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic3.jpg">
										</div>
									</li>
									<li class="ziji_li">
										<p class="hc_cate">图书</p>
										<p class="hc_mores">
											海量好书，享受精品阅读时光</br>
											漂亮的中文排版，千万读者选择！
										</p>
										<a href="#" class="hc_go">
											前往更多阅读1
										</a>
										<div class="hc_ig">
											<img src="./images/mypic4.jpg">
										</div>
									</li>
								</ul>
								<a href="javascript:void(0)" class="goother goleft"><i class="iconfont" >&#xe628;</i></a>
										<a href="javascript:void(0)" class="goother goright letsgo"><i class="iconfont" >&#xe623;</i></a>
								<div class="click_box2">
									<span class="click_but beclicked"></span>
									<span class="click_but"></span>
									<span class="click_but"></span>
									<span class="click_but"></span>
								</div>
								
							</li>
						</ul>
					</div>
				</div>
				<!-- ********内容结束*****-->

				<!-- ********视频开始*****-->
				<div class="video">
					<div class="vo_top">
						<div class="vt_title">视频</div>
						<div class="vt_more">
							<a href="#" class="view">查看全部<i class="iconfont">&#xe623;</i></a>
						</div>
					</div>
						<ul class="vo_menu">
							<li class="vo_list imghover">
								<div class="vo_img">
									<a href="#"><img src="./images/video_1.jpg"></a>
								</div>
								<a href="#" class="desc">
									小米Max 绝美外观视频
								</a>
								<p class="detail">
									6.44" 大屏黄金尺寸，看什么都震撼
								</p>
								<a href="#" class="play"><i class="iconfont">&#xe601;</i></a>
							</li>
							<li class="vo_list imghover">
								<div class="vo_img">
									<a href="#"><img src="./images/video_2.jpg"></a>
								</div>
								<a href="#" class="desc">
									小米Max 绝美外观视频
								</a>
								<p class="detail">
									6.44" 大屏黄金尺寸，看什么都震撼
								</p>
								<a href="#" class="play"><i class="iconfont">&#xe601;</i></a>
							</li>
							<li class="vo_list imghover">
								<div class="vo_img">
									<a href="#"><img src="./images/video_3.jpg"></a>
								</div>
								<a href="#" class="desc">
									小米Max 绝美外观视频
								</a>
								<p class="detail">
									6.44" 大屏黄金尺寸，看什么都震撼
								</p>
								<a href="#" class="play"><i class="iconfont">&#xe601;</i></a>
							</li>
							<li class="vo_list imghover">
								<div class="vo_img">
									<a href="#"><img src="./images/video_4.jpg"></a>
								</div>
								<a href="#" class="desc">
									小米Max 绝美外观视频
								</a>
								<p class="detail">
									6.44" 大屏黄金尺寸，看什么都震撼
								</p>
								<a href="#" class="play"><i class="iconfont">&#xe601;</i></a>
							</li>
						</ul>
				</div>
				<!-- ********视频结束*****-->
			</div>
	</div>
	<!-- 产品模块结束 -->

	<!-- 服务等模块开始 -->
	<div class="server">
		<div class="server_box">
			<ul class="ser_menu">
				<li class="ser_list">
					<a href="#" ><i class="iconfont">&#xe634;</i>1小时快修服务</a>
				</li>
				<li class="ser_list">
					<a href="#" ><i class="iconfont">&#xe635;</i>7天无理由退货</a>
				</li>
				<li class="ser_list">
					<a href="#" ><i class="iconfont">&#xe636;</i>15天免费换货</a>
				</li>
				<li class="ser_list">
					<a href="#" ><i class="iconfont">&#xe638;</i>满150元包邮</a>
				</li>
				<li class="ser_list_ls">
					<a href="#" ><i class="iconfont">&#xe637;</i>520余家售后网点</a>
				</li>
			</ul>
			<div class="msg_about">
				<ul class="help_cr">
					<li class="help_list"><span class="title">帮助中心</span></li>
					<li class="help_list"></li>
					<li class="help_list"><a href="#">购物指南</a></li>
					<li class="help_list"><a href="#">支付方式</a></li>
					<li class="help_list"><a href="#">配送方式</a></li>
				</ul>
				<ul class="help_cr">
					<li class="help_list"><span class="title">服务支持</span></li>
					<li class="help_list"></li>
					<li class="help_list"><a href="#">售后政策</a></li>
					<li class="help_list"><a href="#">自助服务</a></li>
					<li class="help_list"><a href="#">相关下载</a></li>
				</ul>
				<ul class="help_cr">
					<li class="help_list"><span class="title">线下门店</span></li>
					<li class="help_list"></li>
					<li class="help_list"><a href="#">小米之家</a></li>
					<li class="help_list"><a href="#">服务网点</a></li>
					<li class="help_list"><a href="#">零售网点</a></li>
				</ul>
				<ul class="help_cr">
					<li class="help_list"><span class="title">关注我们</span></li>
					<li class="help_list"></li>
					<li class="help_list"><a href="#">新浪微博</a></li>
					<li class="help_list"><a href="#">小米部落</a></li>
					<li class="help_list"><a href="#">官方微信</a></li>
				</ul>
				<ul class="help_cr">
					<li class="help_list"><span class="title">特色服务</span></li>
					<li class="help_list"></li>
					<li class="help_list"><a href="#">F码通道</a></li>
					<li class="help_list"><a href="#">小米移动</a></li>
					<li class="help_list"><a href="#">防伪查询</a></li>
				</ul>
				<ul class="help_cr">
					<li class="help_list"><span class="title">帮助中心</span></li>
					<li class="help_list"></li>
					<li class="help_list"><a href="#">购物指南</a></li>
					<li class="help_list"><a href="#">支付方式</a></li>
					<li class="help_list"><a href="#">配送方式</a></li>
				</ul>
				<div class="msg_num">
					<p class="phone_num">
						400-100-5678
					</p>
					<p class="msg_dt">
						周一至周日 8:00-18:00</br> 
							（仅收市话费）
					</p>
					<a href="#" class="one_day">
						<i class="iconfont">&#xe600;</i> 24小时在线客服
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 服务等模块结束 -->
	<div class="footer">
		<div class="footer_box">
			<div class="fb_content">
				<div class="fb_left">
					<div class="fb_img">
						<img src="./images/logo.png">
					</div>
					<p class="ser_menu">
						<a href="#">小米网</a><span>|</span>
						<a href="#">MIUI</a><span>|</span>
						<a href="#">米聊</a><span>|</span>
						<a href="#">多看书城</a><span>|</span>
						<a href="#">小米路由器</a><span>|</span>
						<a href="#">视频通话</a><span>|</span>
						<a href="#">小米后院</a><span>|</span>
						<a href="#">小米天猫店</a><span>|</span>
						<a href="#">小米网盟</a><span>|</span>
						<a href="#">问题反馈</a><span>|</span>
						<a href="#">Select Region</a>
					</p>
					<p class="copyright">
						<a href="#">
							©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号
							</br>违法和不良信息举报电话：185-0130-1238,本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
						</a>
					</p>
				</div>
				<div class="fb_right">
					<a href="#"><img src="./images/cr1.png"></a>
					<a href="#"><img src="./images/cr2.png"></a>
					<a href="#"><img src="./images/cr3.png"></a>
					<a href="#"><img src="./images/cr4.png"></a>
				</div>
			</div>

			<div class="talk">
				<img src="./images/talk.png">
			</div>
		</div>
	</div>
	
</body>
</html>